<html>
<head>
<title>StoryOnAir</title>
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/static/jquery.mobile.css" />
<script src="/static/jquery.js"></script>
<script src="/static/jquery.mobile.js"></script>
</head>
<body>

<div data-role="page">
   <div data-role="header"><h1>{{fiction.name}}</h1></div><!-- /header -->
    {% url views.test as the_url %}
        {% if chapters.has_previous %}
        <ul data-role="listview">
        <li><a href="{{ the_url }}/test/{{fiction.id}}/{{chapters.previous_page_number}}/">previous</a></li>
        </ul> 
        {% endif %}
            <div data-role="content">
                {% for chapname in chapters.object_list %}
                <li><a href="{{chapname.url}}" rel="external"  target="_blank">{{chapname.chapter}}</a></li>
                {% endfor %}
            </div><!-- /content -->
        {% if chapters.has_next %}
        <ul data-role="listview">
        <li><a href="{{ the_url }}/test/{{fiction.id}}/{{ chapters.next_page_number }}/">next</a></li>
        </ul> 
        {% endif %}
   <ul data-role="listview">
   <li><a href="{{ the_url }}/test/">返回小说列表</a></li>
   </ul> 
   <div data-role="footer"><h4>图书馆</h4></div><!-- /footer -->
</div><!-- /page -->

</body>
</html>


